<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格属性</title>
    <style>
        table{
            width: 300px;
            table-layout: fixed;/*单元格固定 宽度不变 不管里面写的内容有多少 就是这么大*/
           /* border-collapse:collapse;单元格中间线合并成一条细线*/
            caption-side:bottom;
            text-align: center;/*文字居中*/
           /* border-spacing: 0px 单元格边线合并之后是粗线;*/
        }
    </style>
</head>
<body>
<h1>表格的属性</h1>
<hr>
<table border="1" cellspacing="0px">
    <caption>
        <h1>学生信息表</h1>
    </caption>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>1</td>
        <td>小明</td>
        <td>15</td>
        <td></td>
    </tr>
    <tr>
        <td>2</td>
        <td>小花</td>
        <td>16</td>
        <td>90</td>
    </tr>
    <tr>
        <td>3</td>
        <td>小西</td>
        <td>15</td>
        <td>100</td>
    </tr>
</table>

</body>
</html>